<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/flexslider.css">

        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&subset=latin,vietnamese' rel='stylesheet' type='text/css'>

        <link rel="stylesheet" href="css/main.css">

    </head>
    <body>
        <div id="container">
            <header>
                <hr class="line">
                <section class="container">
                    <div class="header">
                        <ul>
                            <li class="row logo-head">
                                <div class="logo col-md-6">
                                    <img src="img/logo.png" alt="logo">
                                </div>
                                <div class="search col-md-6">                                  
                                        <form method="get" id="searchform">
                                            <input name="s" type="text" class="search-box" placeholder="Tìm kiếm..." >
                                            <input type="submit" class="sprite btn-search" value=""/>
                                        </form>                                
                                </div>
                            </li>
                            <li>
                                <button class="navbar-toggle" data-target=".bs-navbar-collapse" data-toggle="collapse" type="button">
                                    <span class="sr-only">
                                        Toggle navigation
                                    </span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <nav class="collapse navbar-collapse bs-navbar-collapse nav-collapse" role="navigation">
                                    <ul class="nav nav-pills main-nav">
                                        <li class="active"><a href="#">TRANG CHỦ</a></li>
                                        <li><a href="#">GIỚI THIỆU</a></li>
                                        <li><a href="#">GIẢI PHÁP</a></li>
                                        <li><a href="#">DỰ ÁN</a></li>
                                        <li><a href="#">TIN TỨC</a></li>
                                        <li><a href="#">BLOG</a></li>
                                        <li><a href="#">LIÊN HỆ</a></li>
                                    </ul>
                                    <span class="shadow_main_nav"></span>
                                </nav>
                            </li>
                        </ul>
                        <span class="home-header-shadow sprite"></span>
                    </div>
                </section>
            </header><!-- end header -->
            <!-- main body of #main -->
            <div id="main" role="main">
                <div class="news-head">
                    <section class="container">
                        <h1>
                            Tin tức
                        </h1>
                        <h2>
                            Keep up with the latest news, tips and features right here!
                        </h2>
                    </section>    
                </div>
                <section class="container">
                    <div class="row">
                        <div class="col-md-9">
                            <ul class="news-body-content">
                                <li class="news-body-content-title">
                                    Tin bài mới nhất từ AGILSUN
                                </li>
                                <li class="news-body-content-post">
                                    <img src="img/news/post1.jpg">
                                    <a href="#">
                                        <h2>Lorem ipsum dollor Proin Sodales Quam Nec Ante</h2>
                                    </a>
                                    <a href="#">May 20, 2013</a><span>|</span><a href="#">30 comments</a>
                                    <p>
                                        Nunc vehicula mauris non erat semper vitae euismod felis consectetur. Fusce vel convallis dolor. Cras viverra tellus a neque interdum tempor. Cras adipiscing risus vitae arcu fringilla rutrum. Proin condimentum accumsan aliquet. Integer mollis bibendum augue, vive roa vulputate lorem pulvinar id. 
                                    </p>
                                    <a href="#" class="news-view-more">xem thêm</a>
                                </li>
                                <li class="news-body-content-post">
                                    <img src="img/news/post2.jpg">
                                    <a href="#">
                                        <h2>Lorem ipsum dollor Proin Sodales Quam Nec Ante</h2>
                                    </a>
                                    <a href="#">May 20, 2013</a><span>|</span><a href="#">30 comments</a>
                                    <p>
                                        Nunc vehicula mauris non erat semper vitae euismod felis consectetur. Fusce vel convallis dolor. Cras viverra tellus a neque interdum tempor. Cras adipiscing risus vitae arcu fringilla rutrum. Proin condimentum accumsan aliquet. Integer mollis bibendum augue, vive roa vulputate lorem pulvinar id. 
                                    </p>
                                    <a href="#" class="news-view-more">xem thêm</a>
                                </li>
                                <li class="news-body-content-post">
                                    <img src="img/news/post3.jpg">
                                    <a href="#">
                                        <h2>Lorem ipsum dollor Proin Sodales Quam Nec Ante</h2>
                                    </a>
                                    <a href="#">May 20, 2013</a><span>|</span><a href="#">30 comments</a>
                                    <p>
                                        Nunc vehicula mauris non erat semper vitae euismod felis consectetur. Fusce vel convallis dolor. Cras viverra tellus a neque interdum tempor. Cras adipiscing risus vitae arcu fringilla rutrum. Proin condimentum accumsan aliquet. Integer mollis bibendum augue, vive roa vulputate lorem pulvinar id. 
                                    </p>
                                    <a href="#" class="news-view-more">xem thêm</a>
                                </li>
                                <li  class="news-page-split-page">
                                    <span>
                                        <a href="#" class="news-page-arowleft sprite">
                                        </a>
                                        <a href="#" class="news-page-split-page-active">1</a>
                                        <a href="#">2</a>
                                        <a href="#">3</a>
                                        <a href="#">4</a>
                                        <a href="#">5</a>
                                        <a href="#">6</a>
                                        <a href="#" class="news-page-arowright sprite">
                                        </a>
                                    </span>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-3">
                            <ul class="news-sidebar">
                                <li>
                                    <h3>
                                        Danh mục
                                    </h3>
                                    <ul>
                                        <li>
                                            <a href="">Web design</a>
                                        </li>
                                        <li>
                                            <a href="">Responsive</a>
                                        </li>
                                        <li>
                                            <a href="">Branding</a>
                                        </li>
                                        <li>
                                            <a href="">Wordpress</a>
                                        </li>
                                        <li>
                                            <a href="">Html</a>
                                        </li>
                                        <li>
                                            <a href="">Logos</a> 
                                        </li>
                                    </ul>                       
                                </li>
                                <li class="news-hot-post">
                                    <h3>
                                        Bài nỗi bật
                                    </h3>
                                    <div>
                                        <a href="#">
                                            <img src="img/news/icon-post1.jpg">
                                        </a>
                                        <a href="#">
                                            <p>Nunc vehicula mauris non erat semper vitae euismod felis consectet</p>
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#">
                                            <img src="img/news/icon-post2.jpg">
                                        </a>
                                        <a href="#">
                                            <p>Nunc vehicula mauris non erat semper vitae euismod felis consectet</p>
                                        </a>
                                    </div>
                                    <div>
                                        <a href="#">
                                            <img src="img/news/icon-post1.jpg">
                                        </a>
                                        <a href="#">
                                            <p>Nunc vehicula mauris non erat semper vitae euismod felis consectet</p>
                                        </a>
                                    </div>
                                </li>
                                <li class="news-tags">
                                    <h3>
                                        Tags
                                    </h3>
                                    <a href="#">April</a>,
                                    <a href="#">Keywords</a>,
                                    <a href="#">Sunflower</a>,
                                    <a href="#">DigiSEO</a>,
                                    <a href="#">Red</a>,
                                    <a href="#">Olympia</a>,
                                    <a href="#">Pope</a>                                
                                </li>
                            </ul>
                        </div>
                    </div>                    
                </section>
            </div><!-- end of div#main -->
            <!-- begin footer -->
            <footer>
                <ul>
                    <li class="top-footer">
                        <section class="container">
                            <ul class="row"> 
                                <li class="col-md-6 contact">
                                    <p class="lien-he">Liên Hệ</p>
                                    <p><span>Email:</span> info@agilsun.com</p>
                                    <p><span>Adress:</span> 76 Cuu Long, D.10, HMC city</p>
                                    <p><span>Phone no: </span> 013456789 - 01699169049</p>
                                </li>
                                <li class="col-md-6 social-menu">
                                    <p class="group">
                                        <a href="#"><span class="sprite skype"></span></a>
                                        <a href="#"><span class="sprite google"></span></a>
                                        <a href="#"><span class="sprite fb"></span></a>
                                        <a href="#"><span class="sprite bird"></span></a>
                                    </p>
                                    <ul class="nav nav-pills navbar-right footer-nav">
                                        <li><a href="#">Trang chủ</a></li>
                                        <li><a href="#">Giới thiệu</a></li>
                                        <li><a href="#">Giải pháp</a></li>
                                        <li><a href="#">Tin tức</a></li>
                                        <li><a href="#">Blog</a></li>
                                        <li><a href="#">Liên hệ</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </section><!-- end section.container -->
                    </li>
                    <li class="copyright">
                        <section class="container">
                            <p>© 2013 AGILSUN</p>
                        </section><!-- end section.container -->
                    </li>
                </ul>

            </footer><!-- end footer -->
        </div><!-- end #container -->    
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>

        <script src="js/vendor/bootstrap.min.js"></script>

        <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
        
        <script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
        
        <script src="js/main.js"></script>

        <script>
            var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
            (function(d, t) {
                var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
                g.src = '//www.google-analytics.com/ga.js';
                s.parentNode.insertBefore(g, s)
            }(document, 'script'));
        </script>
    </body>
</html>

